Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Adding event to a button inside the div demo</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("div#mainDiv input").click(function () { alert("This alert will come only when the button inside the mainDiv is clicked"); }); }); </script> </head> <body> <div id="mainDiv"> <input type="button" value="Button inside the first div" /> </div> <div> <input type="button" value="Button inside the second div" /> </div> <input type="button" value="click me" /> </body> </html>
Output